<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>dmBridge Image Viewer</title>
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.event.drag-1.4.min.js"></script>
<script type="text/javascript" src="scripts/jquery.event.wheel.min.js"></script>
<script type="text/javascript" src="scripts/dmbViewer.js"></script>

<script type="text/javascript">
<!-- 
$(document).ready(function() {
	/*****************************************
	*
	*	IT'S ALIVE!!!
	*
	******************************************/
	// buildImage(25, 0);
});
-->
</script>

<link rel="stylesheet" href="styles/default.css" type="text/css" media="screen">

</head>
<body>

<div id="zoom" style="display: inline-block">
	&nbsp;&nbsp;&nbsp;<a href="#" class="plus">+</a>&nbsp;&nbsp;&nbsp;
    <a href="#" class="minus">-</a>
</div>

<div id="rotate" style="display: inline-block; margin-left: 20px;">
	<a href="#" class="clockwise">Clockwise</a>&nbsp;&nbsp;&nbsp;
    <a href="#" class="counterclockwise">Counterclockwise</a>
</div>
<br />
<br />

<div id="viewer">
	<!-- all necessary divs will be generated -->
</div>

<div id="feedback"></div>

</body>
</html>